<!--
 * @FileDescription: 专家待办弹窗
 * @Author: 夏世龙
 * @Date: 2021-10-12
 * @LastEditors: 夏世龙
 * @LastEditTime: 2021-10-12 14:20
 -->
<template>
  <el-dialog
    :visible.sync="visible"
    width="50%"
    :before-close="handleClose">
    <h2 slot="title" >待办事项</h2>
    <el-collapse  accordion>
      <el-collapse-item title="立项待审核批次"  name="1">
         <el-table
               :header-cell-style="{background:'#eef1f6',color:'#606266','text-align':'center'}"
               :cell-style="{'text-align':'center'}"
               :data="testData"
               style="width: 100%">
               <el-table-column
                 prop="name"
                 label="项目名称"
                 >
               </el-table-column>
               <el-table-column
                 prop="timeEnd"
                 label="结束时间"
                 >
               </el-table-column>
               <el-table-column
                 label="操作">
                 <template slot-scope="scope">
                     <el-button size="mini" type="warning">批注</el-button>
                     <el-button size="mini" type="success" @click="editProject(scope.row)">修改</el-button>
                 </template>
               </el-table-column>
             </el-table>
      </el-collapse-item>
      <el-collapse-item title="结项检查待审核" name="2">
      </el-collapse-item>
    </el-collapse>

    <span slot="footer" class="dialog-footer">
      <el-button @click="cancelModal">取 消</el-button>
      <el-button type="primary" @click="handleClose">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
    export default {
      props:{
        visible: {
          type: Boolean,
          default: false
        }
      },
      data() {
        return {
          testData:[]
        };
      },
      methods: {
        cancelModal(){
          // 关闭弹窗，触发父组件修改visible值
          // this.getTeacherDealt()
          this.$emit('update:visible', false);
        },
        handleClose(done) {
          this.$confirm('确认关闭？')
            .then(_ => {
             this.$emit('update:visible', false);
            })
            .catch(_ => {});
        }
      }
    };
</script>

<style scoped>

</style>
